<!--
 * @Descripttion: 
 * @version: 1.0
 * @Author: Ankang
 * @Date: 2021-06-08 20:17:07
 * @LastEditors: Ankang
 * @LastEditTime: 2021-06-14 19:50:42
-->
<template>
    <div class="cont">
        <div v-if="isLoading" class="loading">
            <van-skeleton v-for="v in 8" :key="'key' + v" title :row="2" />
        </div>
        <div class="article_bg">
            <img :src="'https://images.weserv.nl/?url='+data.article_pic" alt="">
        </div>
        <div class="article_con" v-html="data.article_filter_content"></div>
    </div>
</template>



<script>
import Vue from 'vue';
import { Skeleton } from 'vant';
Vue.use(Skeleton)
export default {
    props:['data'],
    components: {
    },
    data() {
        return {
            isLoading: true,
        }
    },
    methods:{
        
    },
    mounted(){
        this.isLoading = false
    },
}
</script>



<style lang="stylus" scoped>
.article_bg
    width 100%
    height 2.3rem
    img
        width 100%
        height 100%
.article_con
    font-size 16px
    background #fff
</style>
<style lang="css">
.img_desc{
    display: block;
    width: 100%;
    height: 230px;
}
.img_desc span{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.img_desc span img{
    height: 100%;
}
</style>